﻿.homepage section[role=main] {
    margin-left: 120px;
    margin-right: 120px;
}

@media screen and (-ms-view-state: snapped) {
    .homepage section[role=main] {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media screen and (-ms-view-state: fullscreen-portrait) {
    .homepage section[role=main] {
        margin-left: 100px;
        margin-right: 100px;
    }
}

.ms-flexbox {
	display: -ms-flexbox;
	height: 560px;
	width: 853.73px;
	-ms-flex-wrap: wrap;
	-ms-flex-direction:row;
	-ms-flex-align: start;
}

.TaskAddCategoryFlexChild{
	 margin: 15px 15px 15px 0px;
	 padding: 7px 7px 7px 0px;
	 height: 314px;
	 width: 240px;
	 text-align:center;
	}

.TaskAddCategoryFlexChildSelected{
     margin: 15px 15px 15px 0px;
	 height: 314px;
	 width: 240px;
     border-color:#2302FF;
     border-width:medium;
     border:solid;
	 background-image: -ms-linear-gradient(Top, #FFF429 0%, #FFB549 100%);
}

.fragment {
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CDCDCD 100%);
}

body{
	color: black;
	}
	
/* Custom Elements*/
.TaskAddCategoryFlexChildItem
{
	margin: 15px 15px 15px 0px;
	height: 314px;
    width: 240px;
    cursor:pointer;
	background-image: -ms-linear-gradient(Top, #FFF429 0%, #FFB549 100%);
}
	
.TaskAddCategoryFlexChildPropertyArea{
	height:264px;
    text-align:center;
	}
	
.TaskAddCategoryFlexChildHeaderArea{
	height:40px;
    text-align:center;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #C70000 0%, #FFC8C8 100%);
	}
		
.TopArea{
	background-image: -ms-linear-gradient(top, #2302FF 0%, #000000 125%);
	
}

.pagetitle{
	color:white;	
}

#CategoryPanel{
	position: fixed;
    right: 0px;
    top: 0px;
    width: 25%;
    height: 100%;
    color: white;
    background-color: #323232;
    opacity: 0.97;
    z-index: 1;
	}
	
#AddProperty{
    cursor:pointer;
	float:left; 
    background-image: url(/images/App.Extra/AddButtonFilled.png); 
    background-size:cover; 
    width:45px;
    height:35px;
}
	
#AddProperty:hover{
	float:left; 
    background-image: url(/images/App.Extra/AddButtonFilledHover.png); 
    background-size:cover; 
    width:45px;
    height:35px;
}

.win-selectionstylefilled{
	color:black;
}

#PropertyList  .win-container:hover {
    background-color: #FFB549;
    border-color:  #FFF429; 
}
